<!DOCTYPE html>
<html>
<head lang="en">
    <title>个人中心</title>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <style>
        .content{padding-bottom: 80px;}

        .left-nav{float: left;width: 230px;background-color: #efefef;height: 100%;}
        .left-nav .title{text-align: center;color: #d94b87;font-size: 16px;height: 50px;line-height: 50px;}
        .left-nav .title img{width: 20px;vertical-align: text-bottom;margin-right: 5px;}
        .left-nav dl{border-top: 1px solid #ddd;padding-left: 70px;padding-top: 15px;padding-bottom: 10px;}
        .left-nav dl dt{font-weight: bold;color: #333;font-size: 15px;padding-bottom: 10px;}
        .left-nav dl dt img{vertical-align: middle;width: 16px;margin-right: 5px;}
        .left-nav dl dd{font-size: 12px;padding: 7px 0 7px 21px;}
        .left-nav dl dd a{color: #666;}

        .right-con{width: 900px;}
        .right-con .r-c-nav{overflow: hidden;margin-left: -20px;}
        .right-con .r-c-nav li{float: left;width: 210px;height: 60px;line-height: 60px;margin-left: 20px;text-align: center;font-size: 14px;}
        .right-con .r-c-nav li a{color: #ffffff;display: block;}
        .right-con .r-c-nav .l1{background-color: #b9d05b;}
        .right-con .r-c-nav .l2{background-color: #f68e75;}
        .right-con .r-c-nav .l3{background-color: #efa358;}
        .right-con .r-c-nav .l4{background-color: #6bda8e;}
        .r-c-title{line-height: 70px;}
        .r-c-title a{color: #0062a6;font-size: 12px;}

        .r-c-table{margin-top: 30px;}
        .r-c-table-title select{font-size: 14px;color: #666;border: 1px solid #ccc;outline: none;border-radius: 4px;width: 125px;height: 25px;margin-right: 5px;}
        .r-c-table-title .fr{font-size: 12px;}
        .r-c-table-title input{display: inline-block;width: 180px;height: 26px;border: 1px solid #ddd;margin-right: 5px;}
        .r-c-table-title .search-order-btn{width: 50px;height: 28px;line-height: 28px;color: #ffffff;background-color: #bbb;display: inline-block;text-align: center;}
        .r-c-table table{border-collapse: collapse;font-size: 12px;width: 100%;margin-top: 10px;color: #333;}
        .r-c-table table th{height: 38px;font-weight: normal;background-color: #efefef;border: 1px solid #ddd;color: #666;border-top: 1px solid #d94b87;}
        .r-c-table table td{padding: 12px;border: 1px solid #ddd;text-align: center;}
        .r-c-table table .des{overflow: hidden;width: 300px;}
        .r-c-table table .des img{float: left;}
        .r-c-table table .des p{float: left;width: 210px;height: 60px;line-height: 20px;overflow: hidden;color: #666;font-size: 12px;
            text-align: left;word-break: break-all;margin-left: 10px;}
        .r-c-table table .buy-now{display: inline-block;width: 100px;height: 36px;line-height: 36px;text-align: center;
            background-color: #fb81b4;font-size: 14px;color: #fff;border-radius: 4px;}
        .r-c-table table .del{display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;color: #999;
            font-size: 20px;font-family: "宋体";font-weight: bold;}
    </style>
</head>
<body ng-app="">
<div ng-include="'../public/header.html'"></div>
<div class="container content clear">
    <div class="left-nav">
        <p class="title">
            <img src="../img/user(2).png" alt=""/>个人中心
        </p>
        <dl>
            <dt><img src="../img/less2.png" alt=""/>订单中心</dt>
            <dd><a href="">我的订单</a></dd>
            <dd><a href="">收货地址</a></dd>
            <dd><a href="">缺货登记</a></dd>
            <dd><a href="">退换货订单</a></dd>
        </dl>
        <dl>
            <dt><img src="../img/less2.png" alt=""/>会员中心</dt>
            <dd><a href="">用户信息</a></dd>
            <dd><a href="">我的收藏</a></dd>
            <dd><a href="">我的留言</a></dd>
            <dd><a href="">我的推荐</a></dd>
            <dd><a href="">评论/晒单</a></dd>
            <dd><a href="">我的提货</a></dd>
        </dl>
        <dl>
            <dt><img src="../img/less2.png" alt=""/>账户中心</dt>
            <dd><a href="">我的红包</a></dd>
            <dd><a href="">跟踪包裹</a></dd>
            <dd><a href="">资金管理</a></dd>
        </dl>
    </div>
    <div class="right-con fr">
        <div class="r-c-title overflow">
            <div class="fl">我的订单</div>
            <a class="fr" href="">订单回收站</a>
        </div>
        <ul class="r-c-nav">
            <li class="l1"><a href="">待确认（1）</a></li>
            <li class="l2"><a href="">待付款（1）</a></li>
            <li class="l3"><a href="">待确认收货（1）</a></li>
            <li class="l4"><a href="">已完成（1）</a></li>
        </ul>
        <div class="r-c-table">
            <div class="r-c-table-title overflow">
                <div class="fl">
                    <select>
                        <option value="">全部状态</option>
                        <option value="">全部状态</option>
                        <option value="">全部状态</option>
                        <option value="">全部状态</option>
                    </select>
                    <select>
                        <option value="">全部时间</option>
                        <option value="">全部时间</option>
                        <option value="">全部时间</option>
                        <option value="">全部时间</option>
                    </select>
                </div>
                <div class="fr search-order">
                    <input type="text" placeholder="输入商品名称或订单号搜索"/>
                    <div class="search-order-btn">查询</div>
                </div>
            </div>
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <th>商品</th>
                    <th>单价</th>
                    <th>收藏时间</th>
                    <th>操作</th>
                    <th>删除</th>
                </tr>
                <tr>
                    <td class="des">
                        <a href="product_detail.html">
                            <img src="../img/QQ截图20160801162655.png" alt="" width="65" height="65"/>
                            <p>爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        </a>
                    </td>
                    <td style="color: #666;">￥156.00</td>
                    <td style="color: #999;">2016-05-07 15:12:34</td>
                    <td><a class="buy-now" href="">立即购买></a></td>
                    <td><a class="del" href="javascript:void('删除');">&times;</a></td>
                </tr>
                <tr>
                    <td class="des">
                        <a href="product_detail.html">
                            <img src="../img/QQ截图20160801162655.png" alt="" width="65" height="65"/>
                            <p>爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        </a>
                    </td>
                    <td style="color: #666;">￥156.00</td>
                    <td style="color: #999;">2016-05-07 15:12:34</td>
                    <td><a class="buy-now" href="">立即购买></a></td>
                    <td><a class="del" href="javascript:void('删除');">&times;</a></td>
                </tr>
                <tr>
                    <td class="des">
                        <a href="product_detail.html">
                            <img src="../img/QQ截图20160801162655.png" alt="" width="65" height="65"/>
                            <p>爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        </a>
                    </td>
                    <td style="color: #666;">￥156.00</td>
                    <td style="color: #999;">2016-05-07 15:12:34</td>
                    <td><a class="buy-now" href="">立即购买></a></td>
                    <td><a class="del" href="javascript:void('删除');">&times;</a></td>
                </tr>
                <tr>
                    <td class="des">
                        <a href="product_detail.html">
                            <img src="../img/QQ截图20160801162655.png" alt="" width="65" height="65"/>
                            <p>爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        </a>
                    </td>
                    <td style="color: #666;">￥156.00</td>
                    <td style="color: #999;">2016-05-07 15:12:34</td>
                    <td><a class="buy-now" href="">立即购买></a></td>
                    <td><a class="del" href="javascript:void('删除');">&times;</a></td>
                </tr>
            </table>
        </div>
    </div>
</div>

<div ng-include="'../public/footer2.html'"></div>
</body>
<script src="../js/common.js"></script>
</html>